const QQMapWX = require('../../model/qqmap-wx-jssdk.min.js');
let qqmapsdk;

Page({

  /**
   * 页面的初始数据
   */
  data: {
    inspectionInfo: null,
    markers: [],
    poi: null,
    address: ''
  },
  /**
   * 查看图片
   */
  onLookImg: function (e) {
    let index = e.currentTarget.dataset.index;
    wx.previewImage({
      current: this.data.inspectionInfo.imageList[index], // 当前显示图片的http链接
      urls: this.data.inspectionInfo.imageList // 需要预览的图片http链接列表
    })
  },
  /**
   * 经纬度获取位置
   */
  onLookLocation: function(location) {
    var _this = this;
    qqmapsdk.reverseGeocoder({
      //位置坐标，默认获取当前位置，非必须参数
      location: location || '', //获取表单传入的位置坐标,不填默认当前位置,示例为string格式
      //get_poi: 1, //是否返回周边POI列表：1.返回；0不返回(默认),非必须参数
      success: function(res) { //成功后的回调
        console.log(res);
        var res = res.result;
        var mks = [];
        //当get_poi为0时或者为不填默认值时，检索目标位置，按需使用
        mks.push({ // 获取返回结果，放到mks数组中
          title: res.address,
          id: 0,
          latitude: res.location.lat,
          longitude: res.location.lng,
          iconPath: '/image/icon/location.png', //图标路径
          width: 30,
          height: 30,
          callout: { //在markers上展示地址名称，根据需求是否需要
            content: res.address,
            color: '#000',
            display: 'ALWAYS'
          }
        });
        _this.setData({ //设置markers属性和地图位置poi，将结果在地图展示
          markers: mks,
          poi: {
            latitude: res.location.lat,
            longitude: res.location.lng
          },
          address: res.address
        });
        wx.hideLoading()
      },
      fail: function(error) {
        console.error(error);
      },
      complete: function(res) {
        console.log(res);
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    qqmapsdk = new QQMapWX({
      key: 'PEMBZ-UWUCU-AWPVB-BJ3FG-SLPMJ-OVBEK'
    })
    let info = wx.getStorageSync('inspectionInfo')
    if (info) {
      this.setData({
        inspectionInfo: info
      })
      this.onLookLocation(this.data.inspectionInfo.location);
    } else {
      wx.navigateBack({
        delta: 1
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})